import SectionFooter from "@/components/section-footer"
import SectionHeader from "@/components/section-header"
import SectionRooms from "@/components/section-rooms"
import PropTypes from "prop-types"
import React, { memo } from "react"
import { SectionV1Wrapper } from "./style"

const HomeSectionV1 = memo((props) => {
  const { dataInfo } = props
  // 里面包含了两个对象
  // console.log(dataInfo);
  return (
    <SectionV1Wrapper>
      <SectionHeader title={dataInfo.title} subtitle={dataInfo.subtitle} />
      <SectionRooms roomList={dataInfo.list} itemWidth="25%" />
      <SectionFooter />
    </SectionV1Wrapper>
  )
})

HomeSectionV1.propTypes = {
  dataInfo: PropTypes.object,
}

export default HomeSectionV1
